import React from 'react'
import { NavLink } from 'react-router-dom'

export default function MyNav() {
    return (
        <nav>
            <NavLink className={({isActive})=>{return isActive?'a-active':'a-link'}} to={'/'}>首页</NavLink>
            <NavLink className={({isActive})=>{return isActive?'a-active':'a-link'}} to={'/goodList'}>商品列表</NavLink>
            <NavLink className={({isActive})=>{return isActive?'a-active':'a-link'}} to={'/newsList'}>新闻列表</NavLink>
            <NavLink className={({isActive})=>{return isActive?'a-active':'a-link'}} to={'/my'}>个人中心</NavLink>
        </nav>
    )
}
